<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Axios</title>
</head>
<body>
<form oninput="showAge.value=age.value">
    <table>
        <tr>
            <td>String:</td>
            <td><input name="string" placeholder="string"></td>
        </tr>
        <tr>
            <td>byteNum:</td>
            <td><input type="number" name="byteNum" placeholder="byteNum"></td>
        </tr>
        <tr>
            <!--2021-06-27-->
            <td>localDate:</td>
            <td><input type="date" name="localDate" placeholder="LocalDate"></td>
        </tr>
        <tr>
            <!--2021-06-27T18%3A39(2021-06-27T18:39)-->
            <td>date:</td>
            <td><input type="datetime-local" name="date" placeholder="date"></td>
        </tr>
        <tr>
            <td>file:</td>
            <td><input type="file" name="file" placeholder="file"></td>
        </tr>
        <tr>
            <td>user.age:</td>
            <td><input id="age" type="range" max="150" min="1" name="user.age" placeholder="user.age">
                <output id="showAge" for="age"></output>
            </td>
        </tr>
        <tr>
            <td>bigDecimal:</td>
            <td><input type="number" name="bigDecimal" placeholder="bigDecimal"></td>
        </tr>
        <!-- 防止表单提交刷新，因为form里面的button默认是submit，并且表单提交默认会刷新整个页面 -->
        <tr>
            <td>
                <button type="button">Axios发送GET请求</button>
            </td>
            <td>
                <button type="button">Axios发送POST请求</button>
            </td>
        </tr>
    </table>
</form>

<div id="show"></div>
<!--qs库-->
<script src="../lib/qs/qs.js"></script>
<!--axios 库-->
<script src="../lib/axios/axios.js" charset="utf-8"></script>

<script src="../js/axios.js" charset="utf-8"></script>
</body>
</html>
